<template>
	<div>

		<div class="khb-head-box">
			<div class="khb-head pcub pcub-pac">
				<img class="logo" src="../../image/logo.png" alt="">
				<div class="pcub-f1">
					<div class="bdsharebuttonbox p20 show">
						<a href="#" class="bds_more" data-cmd="more"></a>
						<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
						<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
						<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
						<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
						<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
					</div>
				</div>
				<div class="user pcub pcub-pac  ">
					<router-link to="/login">登录/注册</router-link>
				</div>
				<a href="javascript:;" class="user pcub pcub-pac fz16">
					<img style="width:32px;border-radius:100px;margin-right:5px;" src="../../image/avatar_icon.png" alt="">
					<span></span>
				</a>
			</div>
		</div>
		<div class="mt"></div>
		<div class="khb-top bgff mb20 p20 clear">
			<div class="logo fl" style="background:url(../../static/images/dimg/jTF1FGeb72OPwBbhWxiBB8av8JkxPH5g.jpeg) no-repeat center center;background-size:cover;"></div>
			<div class="fl" style="height:80px;">
				<div class=" mb20">
					<span class="name">{{recData[0].userNick}}</span>
					<span class="fz16 ml20">视频/直播</span>
				</div>
				<ul class="tag">
					<span>最新资源</span>
					<span>急速处理</span>
					<span>热门资源</span>
				</ul>
			</div>
			<div class="fl space" style="width:100%;border-bottom:1px solid #ccc;margin-bottom:5px;margin-top:5px;"></div>
			<div class="fr_">
				<div class="pcub pcub-pac">
					<img style="width:64px;height:64px;" class="imagespop" src="../../static/images/dimg/khbqrcode.jpg" alt="口号帮">
				</div>
				<p class="tx-c fz12 c-999">口号帮</p>
			</div>
		</div>
		<div class="khb-cont clear mb20">
			<div class="khb-left p20 ">
				<!-- 参考报价 -->


				<!-- 参考报价 -->
				<div class="khb-lf-item plr20 mb20">
					<h3 class="khb-de-title ptb20 fz16">参考报价</h3>
					<ul class="clear">
						<li class="tips-item clear">
							<div class="tits">参考价格</div>
							<span class="text c-price">￥{{recData[0].reservationPrice}}</span>
						</li>
					</ul>
					<ul class="clear reminder">
						<li class="tips-item clear">
							<div class="tits c-price">温馨提示</div>
							<span class="text">此信息由用户、网友自主上传.平台审核,如有不足的地方请联系我们,纠正更改,感谢你的支持。</span>
						</li>
						<li class="tips-item clear">
							<div class="tits c-price">特别提醒</div>
							<span class="text ">此资源的信息、价格仅供参考,以实际投放为主。</span>
						</li>
					</ul>
				</div>
				<!-- 基本信息 -->
				<div class="khb-lf-item plr20 mb20">
					<h3 class="khb-de-title ptb20 fz16">基本信息</h3>
					<ul class="clear">
						<li class="tips-item clear">
							<div class="tits">区域</div>
							<span class="text">{{recData[0].openCityStr}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">认证类型</div>
							<span class="text">{{recData[0].authTypeStr}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">媒体分类</div>
							<span class="text">{{recData[0].resourceTypeStr}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">平台类型</div>
							<span class="text">{{recData[0].videoPlatformStr}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">粉丝数量</div>
							<span class="text">{{recData[0].fanNum}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">观看数量</div>
							<span class="text">{{recData[0].averageWatchNum}}</span>
						</li>

						<!-- <li class="tips-item clear">
							<div class="tits">链接类型</div>
							<span class="text"></span>
						</li>
						<li class="tips-item clear">
							<div class="tits">来源需求</div>
							<span class="text"></span>
						</li>
						<li class="tips-item clear">
							<div class="tits">百度权重</div>
							<span class="text"></span>
						</li>
						<li class="tips-item clear">
							<div class="tits">百度新闻</div>
							<span class="text"></span>
						</li>
						<li class="tips-item clear">
							<div class="tits">案列地址</div>
							<span class="text"><a href="recData[0].caseLink" style="color:dodgerblue;" target="_blank">查看</a></span>
						</li>
						<li class="tips-item clear">
							<div class="tits">特殊行业</div>
							<span class="text"></span>
						</li> -->
					</ul>
				</div>
				<!-- 接单说明 -->
				<div class="khb-lf-item plr20 mb20">
					<h3 class="khb-de-title ptb20 fz16">接单说明</h3>
					<ul class="clear">
						<li class="tips-item clear">
							<div class="tits">接稿时间</div>
							<span class="text"><span class="text">{{recData[0].reservationTimeStr}}</span></span>
						</li>
						<!-- <li class="tips-item clear">
							<div class="tits">标题字数</div>
							<span class="text"></span>
						</li> -->
						<li class="tips-item clear">
							<div class="tits">原创作品</div>
							<span class="text">{{recData[0].isOrigin==1?"原创":"非原创"}}</span>
						</li>
						<li class="tips-item clear">
							<div class="tits">出稿时间</div>
							<span class="text">{{recData[0].publishTimeUnit}}天</span>
						</li>

						<li class="tips-item clear">
							<div class="tits">下单备注</div>
							<span class="text">{{recData[0].introductionDesc }}</span>
						</li>

					</ul>
				</div>
				<!-- 基本信息 -->
			</div>
			<div class="khb-right">
				<div class="like plr20">
					<!-- 相关推荐 -->
					<h3 class="ptb20 fz16 bb-e0e0e0">相关推荐</h3>
					<ul class="like-content mb20 mt10">
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/dimg/2019-05-24_1558685275_5ce7a65b12.png) no-repeat center center;background-size:cover;"
								 title="每日重庆网">
									<!-- <img  src="../2019-05-24_1558685275_5ce7a65b12.png" alt=""> -->
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">每日重庆网</div>
									<p class="pcub-te intro" title="每日重庆网">每日重庆网</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/dimg/2019-05-24_1558696211_5ce7d113d3.png) no-repeat center center;background-size:cover;"
								 title="前沿科技圈">
									<!-- <img  src="../2019-05-24_1558696211_5ce7d113d3.png" alt=""> -->
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">前沿科技圈</div>
									<p class="pcub-te intro" title="前沿科技圈">前沿科技圈</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/dimg/ij2hNB7kikxYK9ePuDlhnVvXX73Rlc6G.png) no-repeat center center;background-size:cover;"
								 title="爱酷车讯网">
									<!-- <img  src="../ij2hNB7kikxYK9ePuDlhnVvXX73Rlc6G.png" alt=""> -->
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">爱酷车讯网</div>
									<p class="pcub-te intro" title=""></p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/dimg/2019-05-24_1558685275_5ce7a65b12.png) no-repeat center center;background-size:cover;"
								 title="娱乐绯闻事">
									<!-- <img  src="../2019-05-24_1558685275_5ce7a65b12.png" alt=""> -->
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">娱乐绯闻事</div>
									<p class="pcub-te intro" title="娱乐绯闻事">娱乐绯闻事</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/khb/a_logo.png) no-repeat center center;background-size:cover;"
								 title="中国户外网">
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">中国户外网</div>
									<p class="pcub-te intro" title="中国户外网">中国户外网</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/khb/a_logo.png) no-repeat center center;background-size:cover;"
								 title="轻时尚品牌网">
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">轻时尚品牌网</div>
									<p class="pcub-te intro" title="轻时尚品牌网">轻时尚品牌网</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/dimg/ys31QCSnQyIQc9mH83kPfCQX2xewvEpx.jpeg) no-repeat center center;background-size:cover;"
								 title="钱江优客网">
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">钱江优客网</div>
									<p class="pcub-te intro" title="地方购物类资讯平台，出稿快">地方购物类资讯平台，出稿快</p>
								</div>
							</li>
						</a>
						<a href="javascript:;" style="display:block;">
							<li class="pcub bb-e0e0e0 pb10">
								<div class="imgbox" style="background:url(../../static/images/khb/a_logo.png) no-repeat center center;background-size:cover;"
								 title="中国网库">
								</div>
								<div class="pcub-f1 p-item">
									<div class="name mb20">中国网库</div>
									<p class="pcub-te intro" title="中国网库">中国网库</p>
								</div>
							</li>
						</a>
					</ul>
				</div>
			</div>

		</div>
		<div class="khb-hot bgff p20 mb20">
			<h3 class="ptb20 fz16">热门推荐</h3>
			<ul class="tj clear">
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="亚洲影视网"><img src="../../static/images/dimg/2019-05-24_1558685275_5ce7a65b12.png" alt="亚洲影视网"></div>
						<p class="tx pcub-te">亚洲影视网</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="开州之窗"><img src="../../static/images/khb/a_logo.png" alt="开州之窗"></div>
						<p class="tx pcub-te">开州之窗</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="中国新闻报道网"><img src="../../static/images/dimg/PIf6OgBCIwJf4fNEsNLTv7TfG0zXYaG1.png" alt="中国新闻报道网"></div>
						<p class="tx pcub-te">中国新闻报道网</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="蒙阴信息港(医疗特殊)"><img src="../../static/images/khb/a_logo.png" alt="蒙阴信息港(医疗特殊)"></div>
						<p class="tx pcub-te">蒙阴信息港(医疗特殊)</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="热门财经汇"><img src="../../static/images/dimg/2019-05-24_1558685275_5ce7a65b12.png" alt="热门财经汇"></div>
						<p class="tx pcub-te">热门财经汇</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="汽车365"><img src="../../static/images/dimg/mSoxtJZGNqAKrOUCoRKOoYPofhMff07m.png" alt="汽车365"></div>
						<p class="tx pcub-te">汽车365</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="潮流达人秘籍"><img src="../../static/images/dimg/tcibkb01iq1.jpg" alt="潮流达人秘籍"></div>
						<p class="tx pcub-te">潮流达人秘籍</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="凤凰网浙江"><img src="../../static/images/dimg/Yh3ffMMBWmMheFx8slCbpnH8qfFKQkwm.jpeg" alt="凤凰网浙江"></div>
						<p class="tx pcub-te">凤凰网浙江</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="中国冷链物流网"><img src="../../static/images/khb/a_logo.png" alt="中国冷链物流网"></div>
						<p class="tx pcub-te">中国冷链物流网</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="两江新区城市网"><img src="../../static/images/khb/a_logo.png" alt="两江新区城市网"></div>
						<p class="tx pcub-te">两江新区城市网</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="汽车商务网"><img src="../../static/images/khb/a_logo.png" alt="汽车商务网"></div>
						<p class="tx pcub-te">汽车商务网</p>
					</li>
				</a>
				<a href="javascript:;">
					<li class="li">
						<div class="imgbox" title="雅虎汽车圈"><img src="../../static/images/dimg/ZoBR8LXbDUjenqz8cWJcbKmLJOwu47lr.png" alt="雅虎汽车圈"></div>
						<p class="tx pcub-te">雅虎汽车圈</p>
					</li>
				</a>
			</ul>
		</div>
		<div class="disclaimer mb20"><strong>免责声明</strong>：
			<p>1.此信息由用户、网友自主上传.平台审核,如有不足的地方请联系我们,纠正、更改、删除。感谢你的支持。</p>
			<p>2.此信息是属于详细信息页面,页面内容有部分在用户上传编辑的时候,有些内容是非必填项,在审核过程当中部分内容可能未一一核实,请谨慎核查，也可联系我们更正。</p>
		</div>
		<div class="icp-box">
			<div class="icp">蜀ICP备13026644号-6</div>
		</div>

	</div>
</template>

<script>
	export default{
		name:"z-sourec",
		data(){
			return{
				recData:[],
			}
		},
		methods:{
			
		},
		beforeMount() {
			var typeNum  = this.$route.params.id
			var data = {id:typeNum}
			this.$api.mediaMall.IdVideoData(data).then((res) => {
				console.log(res)
				this.recData = res.data.data
			})
			
		}
	}
</script>

<style>
	@import url("../../static/css/detail.css");
</style>
